.rt-account-container {
  background-color: #EDECED;
  flex: 1;
  .rt-user-info {
    .rt-user-avatar {
      height: 29.7px;
      border-radius: 50%;
      background-color: #FF9C32;
      flex: 1;
    }
    .rt-user-nickname {
      flex: 4;
      color: #555;
      font-size: 14px;
      margin-left: 8px;
    }
    .rt-placeholder {
      flex: 6;
    }
    .anticon-right {
      flex: 1;
      text-align: right;
      font-size: 20px;
      color: #7B7B7B;
    }
  }
  .rt-account-coupon {
    height: 114.12px;
    margin-top: 14px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    padding: 0 10px;
    margin-bottom: 10px;
    .rt-box {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      .rt-text {
        flex: 1.5;
        justify-content: center;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        color: #393A3F;
      }
      .rt-num {
        flex: 1.5;
        justify-content: center;
        display: flex;
        flex-direction: column;
        font-size: 24px;
        color: #F55151;
        font-weight: bold;
      }
      .rt-btn-box {
        flex: 2;
        justify-content: center;
        display: flex;
        flex-direction: column;
        .ant-btn {
          background-color: #F55151;
          height: 36px;
          color: #fff;
          font-size: 14px;
          font-weight: normal;
        }
      }
    }
    .rt-placeholder {
      flex: 0.04;
    }
  }
  .rt-row-img-box {
    border-top: 1px solid #efefef;
    height: 44px;
    display: flex;
    padding: 0 10px;
    background-color: #FFFFFF;
    align-items: center;
    & > div {
      flex: 2;
      justify-content: center;
      display: flex;
    }
    .rt-text {
      justify-content: flex-start;
      font-size: 14px;
      color: #555;
    }
    .rt-icon-box {
      flex: 1;
      .anticon-question {
        width: 24px;
        height: 24px;
        background-color: #F55151;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
  .rt-row-box {
    border-top: 1px solid #efefef;
    height: 44px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px;
    .rt-icon-box {
      flex: 0.9;
      display: flex;
      justify-content: center;
      .anticon-question {
        width: 24px;
        height: 24px;
        background-color: #FF9C32;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .rt-bg-history {
        background-color: #F86520;
      }
      .rt-bg-coupon {
        background-color: #FF9C32;
      }
      .rt-bg-bankcard {
        background-color: #F86520;
      }
    }
    .rt-text {
      flex: 2;
      font-size: 14px;
      color: #555;
    }
    .rt-placeholder {
      flex: 6;
    }
  }
}

@rowBoxHeight: 46px;

// 实名认证
.rt-certification-container {
  flex: 1;
  background-color: #F8F8F8;
  .rt-top {
    height: @rowBoxHeight;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #efefef;
    background: #fff;
    margin-bottom: 10px;
    .anticon-left {
      flex: 1;
    }
    .rt-text {
      flex: 10;
      text-align: center;
    }
  }
  .rt-row-box {
    height: @rowBoxHeight;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    border-top: 1px solid #efefef;
  }
  & > div:last-child {
    border-bottom: 1px solid #efefef;
  }
}

@paddingHorizontal: 80px;
@paddingHorizontalLarge: @paddingHorizontal + 30;

// 实名认证提交成功
.rt-cs {
  flex: 1;
  background-color: #f8f8f8;
  .rt-all-step {
    display: flex;
    margin-top: 6px;
    justify-content: space-around;
    height: 30px;
    align-items: center;
    padding: 0 @paddingHorizontal;
  }
  .rt-graph-box {
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 @paddingHorizontalLarge;
    .rt-circle {
      height: 16px;
      width: 16px;
      border-radius: 50%;
      background-color: #FFC000;
    }
    .rt-line {
      border: 1px solid #FFC000;
      width: 56px;
      height: 1px;
    }
  }
  .anticon-check-circle {
    display: flex;
    justify-content: center;
    font-size: 66px;
    padding: 6px 0;
    color: #12CF74;
  }
  .rt-success-msg {
    display: flex;
    justify-content: center;
    font-size: 28px;
  }
  .rt-info-msg {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
  }
  .rt-row-box {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    height: 46px;
    align-items: center;
    background: #fff;
    border-top: 1px solid #efefef;
    div:last-child {
      color: #B3B3B3;
    }
  }
  .rt-btn-box {
    margin-top: 10px;
    display: flex;
    padding: 0 18px;
    .ant-btn {
      flex: 1;
      background-color: #FFC000;
      color: #fff;
    }
  }
}